<template>
    <el-sub-menu v-if="data.children || data.icon != ''" :index="data.id">
        <template #title>
            <!-- <el-icon><FolderOpened /></el-icon> -->
            <span>{{ data.label }}</span>
        </template>
        <NavMenu v-for="item in data.children" :data="item"></NavMenu>
    </el-sub-menu>
    <el-menu-item v-else :index="data.id">{{ data.label }}</el-menu-item>
</template>
<script>
export default {
    props: {
        data: {
            type: Object,
            default: []
        }
    },
    setup() {
        return {}
    }
}
</script>
<style scoped></style>
